<template>
<div class="page-container-padding">
  <div>
    <el-card>
      <div v-loading="uploading">
        <div class="card-header">文件批量上传</div>
        <div style="display:flex;vertical-align:top;">
          <el-upload drag action="''" accept=".xls,.xlsx" :before-upload="()=>{return false}"
           :on-change="uploadFileChange" :file-list="uploadFileList">
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
          </el-upload>
          <div style="margin-left:10px;">
            <div class="explain-title">一、工作说明</div>
            <div style="line-height:18px;padding:4px 10px;">
              及时撰写发布影响市场的第一手短讯息和研究观点，并发送至微信群《研究院与业务部门对接沟通平台》，为客户提供及时、准确、有价值的信息。内容类型包括但不限于：《今日关注》、《隔夜国际》、《大幅波动》、《盘面异动》、《持仓分析》、《资金流向》、《数据解读》、《突发事件》、《热点解读》等。
            </div>
          </div>
        </div>
        <div style="line-height:20px;">
        <div>文件格式：后缀【xlsx】或【xls】的EXCEL合法文件。<span style="font-size:17px;cursor:pointer;">【<a :href="templateFileUrl" target="_blank">模板下载</a>】</span></div>
        <div>表格格式：Sheet名为【短讯通记录】字样，第一行为表头且各列为【日期，信息内容，类别，影响品种，备注】字样,其他列确保无内容。</div>
        <div>特别注意：<span style="color:#fb700d;">1. 第一列【日期】为日期格式。2. 要添加系统已存在的记录日期之前的数据需使用【手动添加】。3. 第4列影响品种为【英文交易代码】</span></div>
        <div>错误排查：系统只会读取比当前已存在的数据日期大的数据行。例如：当前系统记录截止2020.12.01，上传只读2020.12.02及之后日期的记录。</div>
        </div>
      </div>
    </el-card>
    <div style="height:10px;"></div>
    <el-card>
      <div class="card-header">手动填写上传</div>
      <div style="display: flex;">
        <el-form label-width="70px" style="min-width: 600px;">
          <el-form-item label="日期"><el-date-picker size="mini" v-model="editMessage.create_date" :clearable="false"></el-date-picker></el-form-item>
          <el-form-item label="内容"><el-input size="mini" type="textarea" v-model="editMessage.content" placeholder="填写短讯内容"></el-input></el-form-item>
          <el-form-item label="类别"><el-input size="mini" type="text" v-model="editMessage.msg_type" placeholder="填写短讯类别"></el-input></el-form-item>
          <el-form-item label="影响品种"><el-input size="mini" type="text" v-model="editMessage.effects" placeholder="影响的品种【英文交易代码】"></el-input></el-form-item>
          <el-form-item label="备注"><el-input size="mini" type="text" v-model="editMessage.note" placeholder="备注"></el-input></el-form-item>
          <el-form-item><el-button type="primary" size="mini" @click="publishShortMessage" :loading="addLoading">确定提交</el-button></el-form-item>
        </el-form>
        <div style="line-height:22px;padding: 3px 5px;border-top-left-radius:5px;border-top-right-radius:5px;">
          <span class="explain-title">二、工作要求</span>
          <br>1、有负责具体研究市场领域的研究员每个品种每月至少发 5 条。
          <br>2、短讯内容发布要求及时、准确以及具有价值性。
          <br>3、针对重要数据公布要对数据进行解读撰写《数据解读》短信通，有突发或者热点事件，要及时撰写《热点解读》提示，有时效性的消息延迟 1 小时发送不计数。
          <br>4、品种涨幅超过 2%的要进行《大幅波动》原因解读提示，盘面有异动情况的要及时进行《盘面异动》解读提示。
          <br>5、撰写时严格按照格式要求，倒于系统识别。格式如：《数据解读》Mysteel 统计数据显示，8 月 11 日全国 35 个主要城市建筑钢材库量为 569.15 万吨，较上周减少 33.88 万吨，较去年同期减少 237.26万吨。螺纹钢社会库存连续八周下滑。（瑞达研究）
          <br>6、撰写的短讯通要汇总至 Excel（Excel 模板可在瑞智系统下载），Excel 内容包含：日期、信息内容、类别、影响内容及备注等。
          <br><span class="explain-title">三、考核评价</span>
          <br>1、以数量为基础进行排名，结合撰写的质量进行调整。
          <br>2、如编写有误、敏感词汇和被投诉等问题，相关监控人员在系统中进行标记，被标记一次扣十条并对应的达标数量进行相应减记。
        </div>
      </div>
      
    </el-card>
  </div>
  <div>
  </div>
</div>
</template>

<script>
import { fileStorage } from '@/config'
import { datetimeToStr } from '@/utils/datetimeUtils'
import { fileUpdateMyShortMessage, addMyShortMessage } from '@/api/departmentWork/shortMessage'
export default {
  data(){
    return {
      templateFileUrl: fileStorage + 'AppFiles/templates/短讯通值班信息上传模板.xls',
      uploading: false,
      uploadFileList: [],
      addLoading: false,
      editMessage: {
        create_date: new Date(),
        content: '',
        msg_type: '',
        effects: '',
        note: ''
      }
    }
  },
  mounted() {

  },
  methods:{
    uploadFileChange(file, fileList){
      // this.uploading = true
      const formData = new FormData()
      formData.append("file", file.raw)
      this.uploading = true
      fileUpdateMyShortMessage(formData).then(res => {
        this.$baseMessage(res.msg, res.code===200?'success':'error')
        this.uploading = false
      }).catch(err => {
        // this.$baseMessage('批量更新出错!', 'error')
        this.uploading = false
      })
    },

    // 手动添加数据
    publishShortMessage(){
      const msgData = {
        create_date: datetimeToStr(this.editMessage.create_date, true, '-'),
        content: this.editMessage.content,
        msg_type: this.editMessage.msg_type,
        effects: this.editMessage.effects,
        note: this.editMessage.note
      }
      this.addLoading = true
      addMyShortMessage(msgData).then(res => {
        if (res.code === 200){
          this.editMessage.content = ''
          this.editMessage.msg_type = ''
          this.editMessage.effects = ''
          this.editMessage.note = ''
          this.$baseMessage(res.msg, 'success')
        }else{
          this.$baseMessage(res.msg, 'error')
        }
        this.addLoading = false
      }).catch(err => {
        this.addLoading = false
      })

    }
  }
}
</script>

<style scoped>
.card-header{
  margin:6px 0;
  padding-bottom:4px;
  color:#0073FC;
  font-weight:700;
  border-bottom:1px dashed #666;
}
.explain-title{
    font-weight:700;
    color: #006eff;
  }
</style>
